import React,{Component} from 'react';
import {Link,NavLink } from 'react-router-dom';

import {Article,Page } from 'react-weui';
import '../../css/reset.css';
import '../../css/login.css';


export default class Login extends Component{
	constructor(){
		super();
		
	}
	
	
	handleSubmit(event){
		alert('123');
		
		event.preventDefault();
	}
	
	render(){
		return(
			<div>
		        	<div id="header">
						<header className="head-top">
							<div className="go-back">
								<Link to="/">
									<i className="goback-icon"></i>
								</Link>
							</div>
							<div className="title">
								<h3>登录</h3>
							</div>
							<div className="register">
								<Link to="/registe">注册</Link>
							</div>
						</header>
					</div>
		        	<section>
		            	<div id="wrapper">
							<div id="scroller">
								<form onSubmit={this.handleSubmit.bind(this)}>
									<div className="login-bar clearfix">
										<ul>
											<li className="inp">
												<i className="login-name">登录名</i>
												<input id="username" type="text" placeholder="手机号码/用户名/邮箱"/>
												<a href="javascript::void(0);" className="clear"></a>
											</li>
											<li className="inp pw">
												<i className="login-pw">密码</i>
												<input id="password" type="password" placeholder="登录密码" />
												<a href="javascript:void(0);" className="clear"></a>
												<a href="javascript::void(0);" data-show="1" className="change " ></a>
											</li>
										</ul>
										<div className="login-btn">
											<input type='submit' className="submit" value='登录'/>
										</div>
										<div className="login-qes">
											<Link to="">登录遇到问题?</Link>
											<Link to="">境外手机登录</Link>
										</div>
									</div>
								</form>
								<div className="cooperate">
									<ul>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
							</div>
						</div>
					</section>
		    </div>
		)
	}
}

